<template>
    <div>
       <div class="title" style="font-size: 30px;padding-bottom: 20px;">
        <h1>/功能未实现与解决之路/</h1>
        <el-divider content-position="right">--道阻且难呐！--</el-divider>
        </div>
        <div class="content">
            <span>
                <h2>一、进入网页显示的是Main.vue页面，但main部分空白，但是我需要的是main部分显示首页home</h2>
                <el-divider></el-divider>
                <h3>1.解决办法：路由重定向,用redirect</h3>
                <h3>2.由于home页面为Main页面的子页面，所以只需在路由下，即router文件夹下的index.js里加入redirect: '/home'</h3>
                <span><img src="../../src/assets/image/learn4-1.png" alt=""></span>
            </span>
        </div>
    </div>
</template>

<style lang="less" scoped>
.content{
    text-align:left;
    h2{
        font-size: 25px;
    }
    h3,h4{
        font-size: 20px;
        margin: 10px 0;
    }
}
</style>

<script>
export default{
    name: 'vueLearn4',
    data() {
        return {}
    }
}
</script>